﻿body, th, td
{
	font-size: 12px;
}
body
{
	margin: 0px;
	background: #fff;
	margin: 0px;
	padding: 10px;	
}
a
{
	color: #135294;
	text-decoration: none;
}
a:hover
{
	color: #ff6600;
	text-decoration: underline;
}

ul{ margin: 0; padding: 0; list-style: none; }
table
{
    border-collapse: collapse;
}

BODY.stage
{
	background: #E6E6E6;
	}
form{ display: block; }
img{ border:0; margin: 0; }
.clear
{
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
INPUT.textBox
{
    border: #C6C6C6 1px solid;
    color: #333333; 
    font-size: 12px; 
    background-color: #F5F4EA;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    width: 95%;
}
INPUT.tbxReadOnly
{
    border-bottom: #C6C6C6 1px solid;
    color: #333333;
    border-right: #C6C6C6 0px solid;
    border-top: #C6C6C6 0px solid;
    font-size: 13px;
    border-left: #C6C6C6 0px solid;
    background-color: #F5F4EA;
    height: 20px;
    line-height: 19px;
    font-size: 13px;
    width: 100%;
}
TEXTAREA.tbxReadOnly
{
    border-bottom: #C6C6C6 1px solid;
    color: #333333;
    border-right: #C6C6C6 1px solid;
    border-top: #C6C6C6 1px solid;
    font-size: 13px;
    border-left: #C6C6C6 1px solid;
    background-color: #F5F4EA; 
    line-height: 19px;
    font-size: 13px;
    width: 100%;
}
SELECT.SelectBox
{
    border: #C6C6C6 1px solid;
    background-color: #F5F4EA;
    height: 20px; 
    font-size: 12px;
    width: 100%;
}
INPUT.textbox
{
    border: #C6C6C6 1px solid;
    color: #333333;
    font-size: 13px; 
    background-color: #F5F4EA;
    height: 20px;
    line-height: 19px;
    font-size: 12px;
    width: 98%;
}
INPUT.btn1
{
    border: 1px;
    padding: 3px 3px 0px 3px;
    height: 22px;
    width: auto;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
    color: #0000FF;
    background: url('../../_imgs/admin/g_s2_btn_80.gif') repeat-x;
    width: 80px;
    border: 0px;
    text-align: center;
    height: 23px;
}
INPUT.btn2
{ 
    padding: 2px 3px 0px 3px; 
    cursor: pointer;
    margin: 0px 2px 0px 8px;
    font-size: 12px;
} 
INPUT.btn3
{
    border: 1px;
    padding: 3px 3px 0px 3px;
    height: 22px;
    width: auto;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
    color: #0C597F;
    background: url('../../_imgs/admin/g_s2_btn_80.gif') repeat-x;
    width: 80px;
    border: 0px;
    text-align: center;
    height: 23px;
}
INPUT.btn3_60
{
    border: 1px;
    padding: 3px 3px 0px 3px;
    height: 22px;
    width: auto;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
    color: #0C597F;
    background: url('../../_imgs/admin/g_s1_btn_60.gif') repeat-x;
    width: 60px;
    border: 0px;
    text-align: center;
    height: 23px;
}
INPUT.btn3_100
{
    border: 1px;
    padding: 3px 3px 0px 3px;
    height: 22px;
    width: auto;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
    color: #0C597F;
    background: url('../../_imgs/admin/g_s2_btn_100.gif') repeat-x;
    width: 100px;
    border: 0px;
    text-align: center;
    height: 23px;
}
INPUT.btn3_120
{
    border: 1px;
    padding: 3px 3px 0px 3px;
    height: 22px;
    width: auto;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
    color: #0C597F;
    background: url('../../_imgs/admin/g_s2_btn_120.gif') repeat-x;
    width: 120px;
    border: 0px;
    text-align: center;
    height: 23px;
}
.btn_s
{
	color: #135294;
	line-height: 20px;
	border: 1px solid #C6D2E3;
	background: url("../../_common/skin/default/images/button_bg.gif");
	font-size: 12px;
	padding: 1px 5px;
	cursor: pointer;
}
INPUT.btnDropList
{ 
    padding: 3px 0px 0px 6px; 
    cursor: pointer;
    margin: 0px;
    font-size: 12px;
    background: url('../../_imgs/admin/ico_g_dlist_3.gif') repeat-x;
    width: 60px;
    border: 0px;
    text-align: left;
    height: 23px;
}
INPUT.btndlist_100
{ 
    padding: 3px 0px 0px 10px; 
    cursor: pointer;
    margin: 0px;
    font-size: 12px;
    background: url('../../_imgs/admin/ico_g_dlist_3_100.gif') repeat-x;
    width: 80px;
    border: 0px;
    text-align: left;
    height: 23px;
} 
TABLE.WIN-Form-Layout
{
	table-layout: fixed; width: 100%; height: 100%; border: 0px;
	}
TD.WIN-Form-Title-Bar
{
	background: url('../../_imgs/admin/WIN_TopBar_32.gif') repeat-x; font-size: 14px; color: #000; font-weight: bolder; padding-left: 15px;
	}
TD.WIN-Form-Bottom
{
	text-align: center; background: #F0F0F0; border-top: 1px solid #cccccc;
}
TABLE.tbsToolsBar
{
    width: 970px;
    font-size: 12px;
    table-layout: fixed;
}
TABLE.tbsToolsBar TD
{
    line-height: 22px;
    padding: 3px 0px 3px 3px;
    text-align: left;
    vertical-align: top;
}
TABLE.tbTreeArea
{
    table-layout: fixed;
    border: 1px solid #ccc;
    width: 970px;
    font-size: 12px;
}
.tbTreeArea TD
{
    line-height: 21px;
    vertical-align: top;
}
.tbTreeArea DIV
{
    float: left;
}
.tbTreeArea IMG
{
    margin: 3px 5px;
    float: left;
    cursor: pointer; 
}
TR.trTreeAreaHeader
{
    text-align: center; 
}
.trTreeAreaHeader TD
{ 
    line-height: 21px;
    vertical-align: middle;
	background-image: url(../../_imgs/admin/mainbg.gif);
	border-bottom: 1px solid #cccccc;	
	border-left: 1px solid #cccccc;	
	height: 23px;
	line-height:23px;
	color: #1a3e8a;
	text-indent: 1px;
}
.trTreeAreaItems TD.body
{
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 5px;
}
TABLE.tbTreeBox
{
    table-layout: fixed;
    border: 0px;
    font-size: 12px;
    margin-left: 20px;
}
.tbTreeBox TD
{
    line-height: 25px;
}
.tbTreeBox TD SPAN
{
    margin-left: 5px;
}
.tbTreeBox TR.trTreeBoxHeader
{
}
.tbTreeBox .trTreeBoxHeader TD
{
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}
.tbTreeBox .trTreeBoxItems TD.body
{
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 5px;
}
.tbTreeBox TR.trWBSBoxWorkpackageItems
{
}
.tbTreeBox .trWBSBoxWorkpackageItems TD
{
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
	padding-top: 3px;
	padding-bottom: 2px;
}
.tbTreeBox .trWBSBoxWorkpackageItems TD INPUT { margin-left: 8px; }
.tbTreeBox .trWBSBoxWorkpackageItems TD INPUT.textbox
{
	margin-left: 5px;
    height: 23px;
}

.Form-Gruid { table-layout: fixed; height: 100%; width: 100%; border-top: 1px solid #C2D4EB;  }
.Form-Gruid TD.toolsBar { background: repeat-x #F0F0E5; text-align: left; padding-left: 5px; padding-top: 3px; font-size: 12px; font-weight: bolder; border: 1px solid #C2D4EB; border-top: 0px; color: #0C597F;}
.Form-Gruid TD.toolsBar SPAN { margin-right: 5px; float: left; line-height: 25px; }
.Form-Gruid TD.toolsBar A { color: #0C597F; }
.Form-Gruid TD.toolsBar A:hover { color: Red; }
.Form-Gruid TD.footerBar { background: #eoeoeo; font-size: 12px; }

TABLE.stdTable {
	TABLE-LAYOUT: fixed; WIDTH: 100%; HEIGHT: 100%; border: 0px;
}

.dataListControl
{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border: 1px solid #C2D4EB;
    border-top: 0px solid #C2D4EB;
    margin-top: 0px;
    text-align: center;
}
.dataListControl .headerTitle
{
    padding: 0px;
    background: #c0e8ff;
    text-align: center;
    font-size: 12px;
}
.dataListControl .headerTitle .refresh  
{
	width: 13px; height: 13px; position: relative; cursor: pointer; float: right; margin: -20px 2px 0px 0px; background: url('../../_imgs/admin/grid_refresh.gif') no-repeat; 
	}

.dataListControl .headerTitle TR
{
	
}
.dataListControl .headerTitle TD
{
    border-right: 1px dashed #F0F0F0;
    border-bottom: 1px solid #E0E0E0;
    background: url('../../_imgs/admin/GV_HEAD_BG.gif') repeat-x;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.dataListControl .headerTitle1
{
    padding: 0px;
    background: #c0e8ff;
    text-align: center;
    font-size: 12px;
}

.dataListControl .headerTitle1 TD
{
    border-right: 1px dashed #F0F0F0;
    border-bottom: 1px solid #E0E0E0; 
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.dataListControl .tr_items
{
    background-color: #ffffff;
}
.dataListControl .tr_items_selected
{
    background-color: #85A5C5; color: #ffffff;
}
.dataListControl .tr_items_selected TD
{
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    font-size: 12px;
    height: 28px;
    line-height: 21px;
}
.dataListControl .tr_items_selected TD A
{
    color: #ffffff;
}
.dataListControl .tr_items_selected td A:hover
{ 
    color: #ffffff;
}
.dataListControl .tr_items TD
{
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 21px;
}
.dataListControl .tr_items td A
{
    text-decoration: underline;
}
.dataListControl .tr_items td A:hover
{
    text-decoration: underline;
    color: Red;
}
.dataListControl .footerBar
{
    text-align: right;
    padding: 3px 5px 3px 5px;
    background: #F0F0F0;
}
a.extend { background: url('../../_imgs/grid/d.gif') 3px 3px no-repeat; padding-left: 18px; }
a.fold { background: url('../../_imgs/grid/r.gif') 3px 3px no-repeat; padding-left: 18px; }

.stbuttom_cn_green_btn { 
		BACKGROUND-COLOR: #8AE15B; 
		background: url(../images/bg_button_green.gif);
		BORDER-BOTTOM: #00A800 1px solid; 
		BORDER-LEFT: #FFFFFF 1px solid; 
		BORDER-RIGHT: #00A800 1px solid; 
		BORDER-TOP: #FFFFFF 1px solid; 
		height: 22px;
		width:30px;
		font-size: 12px; 
		font-family: "Verdana", "Tahoma", "Arial"; 
		color: #007D00;
		padding-bottom: 2px;
		line-height: 16px;
		margin: auto 5px;
}
.pagebar_input{
	height:15px;
	width:30px;
	text-align:center;
	line-height:12px;
}
.pagebar_select
{
	width: auto; margin: 0px; padding: 0px; height: 15px; font-size: 11px; 
	}
.pagebar_divbox
{
	width: auto; padding: 0px 3px 3px 3px; height: 25px; margin: auto auto;
	} 

/*
 Frame 内页样式 BEGIN
*/

DIV.divAreas
{
    background: #fff;
    width: 100%;
    margin: 0 auto; 
}
DIV.divAreas .boxTopBar
{
    background: url('../../_imgs/admin/tab/tab_05.gif');
    width: 100%;
    height: 30px;
    line-height: 30px;
}
DIV.divAreas .boxTopBar_1
{
	float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
} 
DIV.divAreas .boxTopBarLeft
{
    background: url('../../_imgs/admin/tab/tab_03.gif' ) no-repeat;
    width: 90%;
    height: 30px;
    line-height: 30px;
    float: left;
}
DIV.divAreas .boxTopBarRight
{
    background: url(../../_imgs/admin/tab/tab_07.gif) no-repeat right;
    height: 30px;
    width: 5%;
    float: right;
}
DIV.divAreas .boxBottomBar
{
    background: url(../../_imgs/admin/tab/tab_19.gif);
    width: 100%;
    height: 30px;
    line-height: 30px;
}
DIV.divAreas .boxBottomBarLeft
{
    background: url(../../website_admin/_imgs/admin/tab/tab_18.gif) no-repeat;
    width: 90%;
    height: 35px;
    line-height: 35px;
    float: left;
}
DIV.divAreas .boxBottomBarRight
{
    background: url(../../_imgs/admin/tab/tab_20.gif) no-repeat right;
    height: 35px;
    width: 5%;
    float: right;
}
DIV.divAreas .boxMain
{
    border: 0px solid #b5d6e6;
    background: url(../../_imgs/admin/tab/tab_12.gif) repeat-y left; 
}
DIV.divAreas .boxMain .boxMainBody
{
    border: 0px solid #b5d6e6;
    padding: 8px 0px 15px 0px;
    background: url(../../_imgs/admin/tab/tab_15.gif) repeat-y right;
    text-align: center;
}
DIV.divAreas .navBar
{ 
    padding-left: 35px;
    margin: 3px 5px 8px 5px; 
}
        
/* END */
 
.validator_msgSpan { border: solid 1px #C5C5C5; background-color: #FFFFAE; font-size: 12px; color: #FF0000; }

DIV.attachmentitems
{ 
    line-height: 19px; height: 20px; width: auto; margin-top: 3px;
}
DIV.attachmentitems a
{
    text-decoration: none; margin-right: 10px; font-size: 13px; color: #333333;
	}
DIV.attachmentitems a:hover
{
    color: Red;
}
DIV.attachmentitems SPAN
{
	margin-left: 10px; cursor: pointer;
}


/* 订单 BEGIN */
.checkoutBox
{
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 5px 0 10px;
    overflow: hidden; 
    float: left;
    width: 100%;
	border-bottom: 1px dashed #DBDBDB;
}
.checkoutBox h4.title1
{
    margin: 0 0 0 14px;
    padding: 6px 0 6px 0;
    font-size: 14px;
    color: #484848;
    height: 18px;
	display: block; 
	font-weight: bold;
}
.checkoutBox .edit a
{
    color: #1E4C9A;
}
.checkoutBox h4 a
{
    padding: 0 0 0 11px;
    font-weight: normal;
    font-size: 12px;
    color: #1E4C9A;
}
Matched CSS Rules .checkoutBox .infoList
{
    clear: both;
    padding: 2px 12px 0 4px;
}
.checkoutBox .infoList li
{
    padding: 5px 0; 
}
.infoList li
{
    padding: 0px 0px;
    width: 100%;
    overflow: hidden;
    height: 28px;
}
.infoList.edit label
{
    margin-top: 0;
    _margin-top: -10px;
    cursor: pointer;
    line-height: 28px;
}
.infoList label
{
    margin-top: 0px;
    margin-right: 14px;
    width: 105px;
    text-align: right;
    cursor: default;
    line-height: 22px;
}
.infoList .newAdd { float:left; margin-top: 4px;}
.infoList select
{
    margin-right: 4px;
}
.infoList label, .infoList span, .infoList input, .infoList select
{
    float: left;
} 
.infoList.edit input {
	padding: 2px 0 2px 5px;
	border: 1px solid #AAA;
	cursor: text;
}
.infoList.edit .longInput {
	width: 550px;
}
.button span span.buttonOK, .button:hover span span.buttonOK
{
    background: url(../../_imgs/iconA3_3.gif) no-repeat -8px -858px;
}
.infoList .withMarginLeft
{
    margin-left: 380px;
    display: inline;
}
.infoList.edit .button
{
    float: left;
    margin-right: 10px;
    padding-left: 0;
}
.checkoutAll {
	border-color: #CCCCCC;
	border-right: 3px solid #CCCCCC;
	border-style: solid;
	border-width: 4px 3px 3px;
	padding-top: 0;
	width: 994px;  
	clear: both;
	float: left;
	padding: 5px 0px 0px 0px; 
	float: left;
	margin: -10px 0px 0px 0px;
}
.checkoutAll h4.title {
	color: #F60;
	font-size: 16px;
	margin: 0;
	padding: 5px 0 8px 14px;
	font-weight: bolder;
	border-bottom: 1px solid #CCCCCC;
}
.checkCloseSale {
	border-color: #CCCCCC;
	border-style: none solid solid;
	border-width: 0 4px 4px;
	height: 1%;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 30px 0px;
	width: 972px;
	float: left;
	clear: both;
}

.checkoutBox .payType {
	clear: both;
	height: 1%;
	margin: 0;
	padding: 0 40px 0 40px;
	overflow: hidden;
}
.currentArea {
	background: none repeat scroll 0 0 #F1F1F1;
	border: 1px solid #D7D7D7;
}
.orderDetails {
    width: 778px;
}

.noBorder {
	padding-bottom: 0;
	border-bottom: none;
}
#divInvoice {
	padding: 0 40px;
}
.checkoutBox .invoiceType {
	margin: 0 14px 0 9px;
	padding: 5px 0 0 0;
	width: auto;
	border-bottom: none;
	overflow: hidden;
}
.orderContent {
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;
    float: left;
    width: 778px;
}
.orderContent label {
	font-weight: bold;
	padding: 0 5px 0 15px;
	cursor: default;
}
.hand{ cursor:pointer; font-weight: bolder; }
.infoList li.agree input {margin:7px 5px 0 0;*margin-top:0;cursor:pointer;}
.infoList li.agree label{width:auto;}

SPAN.alertMsg { background: transparent url(../../../_imgs/iconA3_1.gif) no-repeat scroll 12px -1938px; color:#EC2909;float:left; height:23px; line-height:23px; padding:0 10px 0 35px; }
SPAN.alertPanel { display: none;}
